<!doctype html>

<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>汗汗官网-汗汗语音聊天房</title>

<!-- FAVICON -->
<link rel="shortcut icon" href="assets/img/favicon.png">

<!-- FONTS -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&amp;subset=latin-ext" rel="stylesheet">

<!-- STYLESHEETS -->
<link rel="stylesheet" type="text/css" href="assets/css/plugins.css">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">


</head>


<body>


<!-- PRELOADER -->
<div class="preloader">
   
   
	<!-- SPINNER -->
	<div class="spinner">
	 
	 
	  <div class="bounce-1"></div>
	  <div class="bounce-2"></div>
	  <div class="bounce-3"></div>
	  
	  
	</div>
	<!-- /SPINNER -->
	
	
</div>
<!-- /PRELOADER -->


<!-- HERO -->
<div class="hero">


	<!-- FRONT CONTENT -->
	<div class="front-content">
		
		   
		<!-- CONTAINER -->
		<div class="container-fluid">

		   
			<!-- COLUMN -->
			<div class="col-sm-5 full-height">


				<!-- CONTAINER MID -->
				<div class="container-mid">

				   
					<!-- ANIMATION CONTAINER -->
					<div class="animation-container animation-fade-right" data-animation-delay="0">
					
					
						<!-- PHONE SLIDER -->
						<div class="phone-slider owl-carousel">

						   
							<img src="assets/img/slides/slide-1.jpg" alt="image">
							<img src="assets/img/slides/slide-2.jpg" alt="image">
							<img src="assets/img/slides/slide-3.jpg" alt="image">

					   
						</div>
						<!-- /PHONE SLIDER -->
					
					
					</div>
					<!-- /ANIMATION CONTAINER -->


				</div>
				<!-- /CONTAINER MID -->


			</div>
			<!-- /COLUMN -->

			<!-- COLUMN -->
			<div class="col-sm-7 text-left full-height">


				<!-- CONTAINER MID -->
				<div class="container-mid">


					<!-- ANIMATION CONTAINER -->
					<div class="animation-container animation-fade-down" data-animation-delay="0">
				
						<img class="img-responsive logo" src="assets/img/logo.png" alt="image">
				   
					</div>
					<!-- /ANIMATION CONTAINER -->


					<!-- ANIMATION CONTAINER -->
					<div class="animation-container animation-fade-left" data-animation-delay="200"> 

						<p class="subline">汗汗是一款熟人娱乐移动社交应用。移动社交与泛娱乐互动的融合是汗汗的独创性特点，为用户带来有趣且快乐的社交体验。 经过多年的积累和沉淀，汗汗已形成了可自我进化的娱乐社交生态系统，并已成为国内领先的娱乐化移动社交网络平台之一。汗汗以玩家互动的娱乐化社交为核心，通过互动获得物品、群组互动等创新性集体娱乐活动，让用户可充分利用碎片化时间激活并扩大自己的社交圈。 作为创新型娱乐社交平台，汗汗始终着力打造属于自己的社交风格。在收获行业肯定的同时，也正在用简单有趣的互动方式，成为同事、亲人、朋友之间情感升温的纽带。</p>

					</div>
					<!-- /ANIMATION CONTAINER -->


					<!-- ANIMATION CONTAINER -->
					<div class="animation-container animation-fade-up" data-animation-delay="400"> 

						<div class="download-button"><i class="fa fa-apple" aria-hidden="true"></i>Download</div>
						<div class="download-button"><i class="fa fa-android" aria-hidden="true"></i>Download</div>

					</div>
					<!-- /ANIMATION CONTAINER -->


				</div>
				<!-- /CONTAINER MID -->


			</div>
			<!-- /COLUMN -->


		</div>
		<!-- /CONTAINER -->


		<!-- FOOTER -->
		<div class="footer">
		   
			<!-- CONTAINER FLUID -->
			<div class="container-fluid">

			   
				<!-- COLUMN -->
				<div class="col-xs-6 text-left">

					<p class="popup-links"><a href="#" data-featherlight="#popup-faq">常见问题</a><a href="#" data-featherlight="#popup-privacy-terms">隐私政策和条款</a></p>

				</div>
				<!-- /COLUMN -->


				<!-- COLUMN -->
				<div class="col-xs-6 text-right">

					<p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>

				</div>
				<!-- /COLUMN -->

		   
			</div>
			<!-- /CONTAINER FLUID -->
			
			
		</div>
		<!-- /FOOTER -->


	</div>
	<!-- /FRONT CONTENT -->


	<!-- BACKGROUND CONTENT -->
	<div class="background-content parallax-on">
		
		
		<!-- BACKGROUND CONTENT INNER -->
		<div class="background-content-inner">

			<div class="background-overlay"></div>
			<div class="background-img layer" data-depth="0.05"></div>
		
		</div>
		<!-- /BACKGROUND CONTENT INNER -->
		
		
	</div>
	<!-- /BACKGROUND CONTENT -->


</div>
<!-- /HERO -->


<!-- POPUP FAQ -->
<div id="popup-faq" class="popup">

	
	<!-- CONTAINER FLUID -->
	<div class="container-fluid">
	
	
		<h4>Frequently Asked Questions</h4>

   
		<!-- ITEM -->
		<div class="item">

			<p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
			<p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->


		<!-- ITEM -->
		<div class="item">

			<p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
			<p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->


		<!-- ITEM -->
		<div class="item">

			<p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
			<p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->


		<!-- ITEM -->
		<div class="item">

			<p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
			<p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->
	
	
	</div>
	<!-- /CONTAINER FLUID -->


</div>
<!-- /POPUP FAQ -->


<!-- POPUP PRIVACY POLICY & TERMS -->
<div id="popup-privacy-terms" class="popup">


	<!-- CONTAINER FLUID -->
	<div class="container-fluid">
	
	
		<h4>Terms of Service and Privacy Policy</h4>

   
		<!-- ITEM -->
		<div class="item">

			<p class="headline">1. Terms</p>
			<p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->


		<!-- ITEM -->
		<div class="item">

			<p class="headline">2. Use License</p>
			<p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->


		<!-- ITEM -->
		<div class="item">

			<p class="headline">3. Disclamer</p>
			<p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->


		<!-- ITEM -->
		<div class="item">

			<p class="headline">4. Limitations</p>
			<p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->
		
		
		<!-- ITEM -->
		<div class="item">

			<p class="headline">5. Privacy Policy</p>
			<p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>
			<p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh condimentum.</p>

		</div>
		<!-- /ITEM -->
	
	
	</div>
	<!-- /CONTAINER FLUID -->


</div>
<!-- /POPUP PRIVACY POLICY & TERMS -->

<!-- JAVASCRIPTS -->
<script type="text/javascript" src="assets/js/plugins.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>

</body> 
</html>